<template>
    <div id="home">
        <h2>{{msg}}</h2>
        <ul>
            <li v-for="(item,key) in list">
                <!-- 路由基础演示 -->
                <!-- <router-link to="/content/123">{{key}}---{{item}}</router-link> -->
                
                <!-- 获取请求的参数-动态路由 -->
                <router-link :to="'/newsDetail/'+item.aid">{{key}}---{{item.title}}</router-link>
            </li>
        </ul>
 
    </div> 
</template>

<script>

export default {

    data(){
        return{
            msg:'我是一个News组件',
            list:['111','222','333']
        }
    },
    methods:{
       requestData(){
           var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
          
          // jsonp请求的话,后台api接口要支持jsonp
          // 使用this要注意this的指向
           this.$http.jsonp(api).then(function(response){
               console.log(response);
               this.list=response.body.result;
           },function(error){
               console.log(error);
           })
       }
    },
    components:{
       
    },
    mounted(){
        this.requestData();
    }
}
</script>

